page-remit-detail {

  .header-ios .toolbar-ios:last-child .toolbar-background-ios{
    background: #5c7099;
    border:none;
  }

  .toolbar-ios-winter .toolbar-title-ios, .toolbar-ios-winter .bar-button-clear-ios, .toolbar-ios-winter .bar-button-default-ios{
    color: #fff;
  }

  .bg-main{
    width: 100%;
    height:85px;
    background: #5c7099;

    .main{

    }
  }

  .main-pic{
    width: 95%;
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    margin: auto;
  }

  .main-pannel{
    width: 90%;
    position: relative;
    left: 0;
    right: 0;
    top: -37px;
    padding: 5px 12px 0;
    margin: auto;

    .main{
      padding:0 12px;
      text-align: center;

      .money{
        padding:5% 12px;
      }

      h2{
        margin:0;
        font-weight: normal;
        font-size: 26px;

        small{
          font-size: 14px;
          padding-right: 3px;
        }
      }
    }

    .money-pannel{
      background: #fafafa;
      border:1px #eeeeee solid;
      padding:10px;
      display: flex;
      align-items: center;

      .icon-wode-huikuan-xiangqing{
        font-size: 26px;
      }

      .pull-left{
        flex: 1;
      }

      .pull-right{
        span{
          display: inline-block;
          font-size: 13px;
        }
      }
    }
  }

  @media screen and (max-width: 320px) {
    .main .money{
      padding:2.5% 12px !important;
    }
  }

  .box-shadow{
    box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
  }

  .scroll-content{
    background: #f0f4f7;
  }

  .text-warning{
    color: #ffa64c;
  }

  .text-success{
    color: #66cc77;
  }

  .remit-detail-list{
    background: #fff;
    position: relative;
    .item{
      display: flex;
      align-items: center;
      border-bottom: 1px #eee solid;
      padding:15px 12px;
      .pull-left{
        flex: 1;
      }
    }
  }

  @media screen and (min-width: 375px) {
    .remit-detail-list{
      top:25px;
    }
  }

}
